<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Gallery - Standard Controls</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="stylesheet" type="text/css" href="../style.css">
<style type="text/css">
.style2 {
	text-align: center;
}
</style>
</head>
<body>

<h2 align="center" style="text-align:center">Gallery</h2>
<h3>Standard Controls</h3>
<h4><a href="elem/iuplabel.html">IupLabel</a></h4>

<div align="center">
  <center>
  <img border="0" src="elem/images/iuplabel.png">
  </center>
</div>

<h4><a href="elem/iupbutton.html">IupButton</a></h4>
<table align="center">
	<tr>
		<th>Motif</th>
		<th>Windows <br>
		Classic</th>
		<th>Windows <br>
		w/ Styles</th>
		<th>GTK</th>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iupbutton_mot_imagetext.png"></td>
		<td class="bg_win2k"><img src="elem/images/iupbutton_win2k_imagetext.png"></td>
		<td class="bg_winxp"><img src="elem/images/iupbutton_winxp_imagetext.png"></td>
		<td class="bg_gtk"><img src="elem/images/iupbutton_gtk_imagetext.png"></td>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iupbutton_mot_text.png"></td>
		<td class="bg_win2k"><img src="elem/images/iupbutton_win2k_text.png"></td>
		<td class="bg_winxp"><img src="elem/images/iupbutton_winxp_text.png"></td>
		<td class="bg_gtk"><img src="elem/images/iupbutton_gtk_text.png"></td>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iupbutton_mot_image.png"></td>
		<td class="bg_win2k"><img src="elem/images/iupbutton_win2k_image.png"></td>
		<td class="bg_winxp"><img src="elem/images/iupbutton_winxp_image.png"></td>
		<td class="bg_gtk"><img src="elem/images/iupbutton_gtk_image.png"></td>
	</tr>
	</table>

<h4><a href="elem/iuptoggle.html">IupToggle</a></h4>
<table align="center">
	<tr>
		<th>Motif</th>
		<th>Windows <br>
		Classic</th>
		<th>Windows <br>
		w/ Styles</th>
		<th>GTK</th>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iuptoggle_mot_image.png"></td>
		<td class="bg_win2k"><img src="elem/images/iuptoggle_win2k_image.png"></td>
		<td class="bg_winxp"><img src="elem/images/iuptoggle_winxp_image.png"></td>
		<td class="bg_gtk"><img src="elem/images/iuptoggle_gtk_image.png"></td>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iuptoggle_mot_text.png"></td>
		<td class="bg_win2k"><img src="elem/images/iuptoggle_win2k_text.png"></td>
		<td class="bg_winxp"><img src="elem/images/iuptoggle_winxp_text.png"></td>
		<td class="bg_gtk"><img src="elem/images/iuptoggle_gtk_text.png"></td>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iuptoggle_mot_3state.png"></td>
		<td class="bg_win2k"><img src="elem/images/iuptoggle_win2k_3state.png"></td>
		<td class="bg_winxp"><img src="elem/images/iuptoggle_winxp_3state.png"></td>
		<td class="bg_gtk"><img src="elem/images/iuptoggle_gtk_3state.png"></td>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iuptoggle_mot_radio.png"></td>
		<td class="bg_win2k"><img src="elem/images/iuptoggle_win2k_radio.png"></td>
		<td class="bg_winxp"><img src="elem/images/iuptoggle_winxp_radio.png"></td>
		<td class="bg_gtk"><img src="elem/images/iuptoggle_gtk_radio.png"></td>
	</tr>
</table>
<h4><a href="elem/iuptext.html">IupText</a></h4>
<table align="center">
	<tr>
		<th>Motif</th>
		<th>Windows <br>
		Classic</th>
		<th>Windows <br>
		w/ Styles</th>
		<th>GTK</th>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iuptext_mot.png"></td>
		<td class="bg_win2k"><img src="elem/images/iuptext_win2k.png"></td>
		<td class="bg_winxp"><img src="elem/images/iuptext_winxp.png"></td>
		<td class="bg_gtk"><img src="elem/images/iuptext_gtk.png"></td>
	</tr>
	</table>

<p class="info">Using FORMATTING:</p>

<div class="style2"><img src="elem/images/iuptext_formatting.png"></div>

<p class="info">When SPIN=YES:</p>
	
<table align="center">
	<tr>
		<th>Motif</th>
		<th>Windows <br>
		Classic</th>
		<th>Windows <br>
		w/ Styles</th>
		<th>GTK</th>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iuptext_mot_spin.png"></td>
		<td class="bg_win2k"><img src="elem/images/iuptext_win2k_spin.png"></td>
		<td class="bg_winxp"><img src="elem/images/iuptext_winxp_spin.png"></td>
		<td class="bg_gtk"><img src="elem/images/iuptext_gtk_spin.png"></td>
	</tr>
	</table>

<h4><a href="elem/iupframe.html">IupFrame</a></h4>
<div align="center">
  <center>
  <table border="0" cellpadding="5" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber4">
    <tr>
      <th>Windows 2000</th>
    </tr>
    <tr>
      <td class="bg_win2k"><img border="0" src="elem/images/iupframe_win2k.png"></td>
    </tr>
    <tr>
      <th>Windows XP</th>
    </tr>
    <tr>
      <td class="bg_winxp"><img border="0" src="elem/images/iupframe_winxp.png"></td>
    </tr>
    <tr>
      <th>Motif</th>
    </tr>
    <tr>
      <td class="bg_mot"><img border="0" src="elem/images/iupframe_mot.png"></td>
    </tr>
    <tr>
      <th>GTK</th>
    </tr>
    <tr>
      <td class="bg_gtk"><img border="0" src="elem/images/iupframe_gtk.png"></td>
    </tr>
  </table>
  </center>
</div>

<h4><a href="elem/iuplist.html">IupList</a></h4>

<div align="center">
  <center>
  <table border="0" cellpadding="5" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1">
    <tr>
      <th>Windows 2000</th>
    </tr>
    <tr>
      <td class="bg_win2k"><img border="0" src="elem/images/iuplist_win2k.png"></td>
    </tr>
    <tr>
      <th>Windows XP</th>
    </tr>
    <tr>
      <td class="bg_winxp"><img border="0" src="elem/images/iuplist_winxp.png"></td>
    </tr>
    <tr>
      <th>Motif</th>
    </tr>
    <tr>
      <td class="bg_mot"><img border="0" src="elem/images/iuplist_mot.png"></td>
    </tr>
    <tr>
      <th>GTK</th>
    </tr>
    <tr>
      <td class="bg_gtk"><img border="0" src="elem/images/iuplist_gtk.png"></td>
    </tr>
  </table>
  </center>
</div>


<h4><a href="elem/iupcanvas.html">IupCanvas</a></h4>

<table align="center">
	<tr>
		<th>Windows <br>
		Classic</th>
		<th>Windows <br>
		w/ Styles</th>
	</tr>
	<tr>
		<td class="bg_win2k"><img src="elem/images/iupcanvas_win2k.png"></td>
		<td class="bg_winxp"><img src="elem/images/iupcanvas_winxp.png"></td>
	</tr>
	<tr>
		<th>Motif</th>
		<th>GTK</th>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iupcanvas_mot.png"></td>
		<td class="bg_gtk"><img src="elem/images/iupcanvas_gtk.png"></td>
	</tr>
</table>

<h4><a href="elem/iupprogressbar.html">IupProgressBar</a></h4>

<table align="center">
	<tr>
		<th>Motif</th>
		<td class="bg_mot">
		<img src="elem/images/iupprogressbar_mot_continuous.png"></td>
	</tr>
	<tr>
		<th>Windows Classic</th>
		<td class="bg_win2k">
		<img src="elem/images/iupprogressbar_win2k_continuous.png"></td>
	</tr>
	<tr>
		<th>Windows XP Style</th>
		<td class="bg_winxp">
		<img src="elem/images/iupprogressbar_winxp_dash.png"></td>
	</tr>
	<tr>
		<th>Windows Vista</th>
		<td class="bg_vista">
		<img src="elem/images/iupprogressbar_vista_continuous.png"></td>
	</tr>
	<tr>
		<th>GTK</th>
		<td class="bg_gtk">
		<img src="elem/images/iupprogressbar_gtk_continuous.png"></td>
	</tr>
	</table>
<h4><a href="elem/iupval.html">IupVal</a></h4>

<table align="center">
	<tr>
		<th>Motif</th>
		<th>Windows <br>
		Classic</th>
		<th>Windows <br>
		w/ Styles</th>
		<th>Windows <br>Vista</th>
		<th>GTK</th>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iupval_mot_horiz.png"></td>
		<td class="bg_win2k"><img src="elem/images/iupval_win2k_horiz.png"></td>
		<td class="bg_winxp"><img src="elem/images/iupval_winxp_horiz.png"></td>
		<td class="bg_vista"><img src="elem/images/iupval_vista_horiz.png"></td>
		<td class="bg_gtk"><img src="elem/images/iupval_gtk_horiz.png"></td>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iupval_mot_vert.png"></td>
		<td class="bg_win2k"><img src="elem/images/iupval_win2k_vert.png"></td>
		<td class="bg_winxp"><img src="elem/images/iupval_winxp_vert.png"></td>
		<td class="bg_vista"><img src="elem/images/iupval_vista_vert.png"></td>
		<td class="bg_gtk"><img src="elem/images/iupval_gtk_vert.png"></td>
	</tr>
	</table>

<h4><a href="elem/iuptabs.html">IupTabs</a></h4>

<table align="center">
	<tr>
		<th>Windows <br>
		Classic</th>
		<th>Windows <br>
		w/ Styles</th>
	</tr>
	<tr>
		<td class="bg_win2k"><img src="elem/images/iuptabs_win2k_top.png"></td>
		<td class="bg_winxp"><img src="elem/images/iuptabs_winxp_top.png"></td>
	</tr>
	<tr>
		<td class="bg_win2k"><img src="elem/images/iuptabs_win2k_left.png"></td>
		<td class="bg_winxp"><img src="elem/images/iuptabs_winxp_left.png"></td>
	</tr>
	<tr>
		<td class="bg_win2k"><img src="elem/images/iuptabs_win2k_top_multi.png"></td>
		<td class="bg_winxp"><img src="elem/images/iuptabs_winxp_top_multi.png"></td>
	</tr>
</table>

<br>

<table align="center">
	<tr>
		<th colspan="2">GTK</th>
	</tr>
	<tr>
		<td class="bg_gtk"><img src="elem/images/iuptabs_gtk_top.png"></td>
		<td class="bg_gtk"><img src="elem/images/iuptabs_gtk_left.png"></td>
	</tr>
	<tr>
		<td class="bg_gtk"><img src="elem/images/iuptabs_gtk_top_vert.png"></td>
		<td class="bg_gtk"><img src="elem/images/iuptabs_gtk_left_vert.png"></td>
	</tr>
</table>

<br>

<table align="center">
	<tr>
		<th>Motif</th>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iuptabs_mot_top.png"></td>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iuptabs_mot_left.png"></td>
	</tr>
</table>

<h4><a href="elem/iupsplit.html">IupSplit</a></h4>

<div align="center">
  <center>
  <table border="0" cellpadding="6" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111">
    <tr>
      <td><img border="0" src="elem/images/iupsplit1.png"><br>
		Natural Size</td>
      <td><img border="0" src="elem/images/iupsplit2.png"><br>
		After Changing the Bar Position</td>
    </tr>
  </table>
  </center>
</div>


<h3>Resources</h3>

<h4><a href="elem/iupmenu.html">IupMenu</a>, <a href="elem/iupsubmenu.html">
IupSubmenu</a> 
and <a href="elem/iupitem.html">IupItem</a></h4>

<table align="center">
	<tr>
		<th>Windows <br>
		Classic</th>
		<th>Windows <br>
		w/ Styles</th>
	</tr>
	<tr>
		<td class="bg_win2k"><img src="elem/images/iupmenu_win2k.png"></td>
		<td class="bg_winxp"><img src="elem/images/iupmenu_winxp.png"></td>
	</tr>
	<tr>
		<th>Motif</th>
		<th>GTK</th>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iupmenu_mot.png"></td>
		<td class="bg_gtk"><img src="elem/images/iupmenu_gtk.png"></td>
	</tr>
</table>

<p>The <strong>IupItem</strong> check is affected by the RADIO attribute in 
<strong>IupMenu</strong>:</p>

<table align="center">
	<tr>
		<th>Windows <br>
		Classic</th>
		<th>Windows <br>
		w/ Styles</th>
	</tr>
	<tr>
		<td class="bg_win2k"><img src="elem/images/iupmenu_win2k_radio.png"></td>
		<td class="bg_winxp"><img src="elem/images/iupmenu_winxp_radio.png"></td>
	</tr>
	<tr>
		<th>Motif</th>
		<th>GTK</th>
	</tr>
	<tr>
		<td class="bg_mot"><img src="elem/images/iupmenu_mot_radio.png"></td>
		<td class="bg_gtk"><img src="elem/images/iupmenu_gtk_radio.png"></td>
	</tr>
</table>

<p class="info">Several Submenus:</p>
<p align="center"><img src="elem/images/iupsubmenu.png"></p>

<h4><a href="elem/iupimage.html">IupImage</a></h4>

<p class="info">See also the <a href="iupimglib.html">IupImgLib</a>, a library 
of pre-defined images.</p>

</body>

</html>
